<script setup lang="ts">
// 子组件 定义父传子的属性名需要和父组件保持一致
// 子组件 定义子传父的事件名需要定义成 update:属性名 的形式
defineProps<{
  name: string
}>()

const emit = defineEmits<{
  (e: 'update:name', val: string): void
}>()
</script>

<template>
  <div class="test-page">test {{ name }}</div>
  <button @click="emit('update:name', '子组件')">修改名字</button>
</template>

<style lang="scss" scoped></style>
